<html>

<head>
    <title>SQL检查结果 #date(begindate, "yyyy-MM-dd") ~ #date(enddate, "yyyy-MM-dd")</title>
    <style type="text/css">
        table.gradienttable {
            font-family: verdana, arial, sans-serif;
            border-width: 3px;
            border-collapse: collapse;
            width: 100%;
        }
        
        table.gradienttable th {
            padding: 3px;
            color: #FFFFFF;
            background: #000066;
            font-size: 12px;
        }
        
        table.gradienttable td {
            padding: 3px;
            color: #000000;
            font-size: 11px;
            background: #ebecda;
            text-align: center;
        }
        
        table.gradienttable th p {
            margin: 3px;
            padding: 9px;
        }
        
        table.gradienttable td p {
            padding: 9px;
        }
        .gradienttable thead {
            position: sticky;
            top: 0;
            background-color: #000066; /* 保持表头背景颜色 */
            z-index: 1; /* 确保表头在其他内容之上 */
        }
    </style>
    <style>

    </style>

    <script>
        function openWeekSummary() {
            // 获取日期选择控件的值
            var date = document.getElementById('mydate').value;

            // 构建目标URL
            var url = '/task/weeksummary?date=' + encodeURIComponent(date);

            // 打开新窗口
            window.open(url, '_blank');
        }

        function refreshFeishu() {
            var selectedMan = document.querySelector('input[name="man"]:checked').value;
            var url = '/task/feishu?man=' + encodeURIComponent(selectedMan);
            window.location.href = url;
        }

        function refreshTapd() {
            var selectedMan = document.querySelector('input[name="man"]:checked').value;
            var url = '/task/tapdtask?man=' + encodeURIComponent(selectedMan);
            window.location.href = url;
        }


        
        function check() {
            // 获取日期选择控件的值
            // var begindate = document.getElementById('begindate').value;
            // var enddate = document.getElementById('enddate').value;
            // var status = document.querySelector('input[name="status"]:checked').value;
            // var tag = document.querySelector('input[name="tag"]:checked').value;

            // // 构建目标URL
            // var url = '/sqlchecker/list?begindate=' + encodeURIComponent(begindate) + '&enddate=' + encodeURIComponent(enddate) + '&status=' + encodeURIComponent(status) + '&tag=' + encodeURIComponent(tag) ;
            // var url = "/sqlchecker/deal";
            // window.location.href = url;

            
            // 使用 fetch API 发起请求
            fetch("/sqlchecker/deal")
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.text(); // 或者 response.json() 如果返回的是 JSON 数据
                })
                .then(data => {
                    // 处理成功响应
                    alert('检测完成');
                    window.location.reload();
                })
                .catch(error => {
                    // 处理错误响应
                    alert('检测失败');
                });
        }


        function mark(id){
            // 使用 fetch API 发起请求
            fetch('/sqlchecker/dealBill?id=' + id + '&status=2')
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Network response was not ok');
                    }
                    return response.text(); // 或者 response.json() 如果返回的是 JSON 数据
                })
                .then(data => {
                    // 处理成功响应
                    //alert('标记成功');
                    window.location.reload();
                })
                .catch(error => {
                    // 处理错误响应
                    alert('标记失败');
                });
        }
    </script>
</head>

<body>
    <div style="width:100%;margin-left:auto;margin-right:auto;">
        <div style="text-align:right;font-size:2em;">
            <form action="/sqlchecker/list" method="get" style="text-align:left;">
                <p>
                    <label for="date">开始日期:</label>
                    <input type="date" id="begindate" name="begindate" value="" required style="font-size:1.5em;">

                    
                    <label for="date">结束日期:</label>
                    <input type="date" id="enddate" name="enddate" value="" required style="font-size:1.5em;">
                </p>
                <p>
                    <label><input type="radio" name="status" value="-1" #if(status==-1)checked#end>全部</label>
                    <label><input type="radio" name="status" value="0" #if(status==0)checked#end>不需要处理</label>
                    <label><input type="radio" name="status" value="1" #if(status==1)checked#end>待处理</label>
                    <label><input type="radio" name="status" value="2" #if(status==2)checked#end>已处理</label>
                    <label><input type="radio" name="status" value="3" #if(status==3)checked#end>拒绝</label>
                </p>
                <p>
                    <label><input type="radio" name="tag" value="0" #if(tag==0)checked#end>全部</label>
                    <label><input type="radio" name="tag" value="1" #if(tag==1)checked#end>有异常</label>
                    <label><input type="radio" name="tag" value="2" #if(tag==2)checked#end>无异常</label>
                </p>
                <p style="text-align:right;">
                    <button type="button" style="height:5em;width:9em;" onclick="check()">发起检测</button>&nbsp;
                    <button type="submit" style="height:5em;width:7em;">查询</button>&nbsp;
                </p>
            </form>

        </div>
        
        <div style="margin-top:2em;margin-bottom:2em;">
            <table class="gradienttable" border="1" style="width:100%;line-height:2em;">'
                <thead>
                    <tr>
                        <th style="width:7em;">ID</th>
                        <th style="width:6em;">检查日期</th>
                        <th style="width:12em;">ERP版本基线</th>
                        <th style="width:12em;">开始时间</th>
                        <th style="width:12em;">结束时间</th>
                        <th style="width:3em;">文件数</th>
                        <th style="width:4em;">检查结果</th>
                        <th style="width:4em;">提示个数</th>
                        <th style="width:4em;">警告个数</th>
                        <th style="width:4em;">错误个数</th>
                        <th style="width:5em;">状态</th>
                        <th style="width:12em;">开始检查</th>
                        <th style="width:12em;">完成检查</th>
                        <th style="width:7em;">初始化耗时s</th>
                        <th style="width:7em;">复制脚本耗时s</th>
                        <th style="width:4em;">总耗时s</th>
                    </tr>
                </thead>
                <tbody>
                    #for(data : datas)
                    <tr>
                        <td #if(data.xStatus==1) style="color: white;background-color: red;" #end><a href="/sqlchecker/show?mID=#(data.sID)&datatype=0&status=1&level=0&owner=&text=&tag=1" target="_blank">#(data.sID)</a></td>
                        <td>#date(data.xDate, "yyyy-MM-dd")</td>
                        <td>#date(data.xERPDBVersion, "yyyy-MM-dd HH:mm:ss")</td>
                        <td>#date(data.xBeginTime, "yyyy-MM-dd HH:mm:ss")</td>
                        <td>#date(data.xEndTime, "yyyy-MM-dd HH:mm:ss")</td>
                        <td>#(data.xFileCnt)</td>
                        <td>#if(data.xIsOK) OK #else 异常 #end</td>
                        <td>#(data.xInfoCnt)</td>
                        <td>#(data.xWarnCnt)</td>
                        <td>#(data.xErrorCnt)</td>
                        <td #if(data.xStatus==1) style="color: white;background-color: red;" #end>#switch(data.xStatus) #case(0) 不需要处理 #case(1) <a href="#" onclick="mark(#(data.sID))">待处理</a> #case(2) 已处理 #case(3) 拒绝 #end</td>
                        <td>#date(data.xStartTime, "yyyy-MM-dd HH:mm:ss")</td>
                        <td>#date(data.xFinishTime, "yyyy-MM-dd HH:mm:ss")</td>
                        <td>#number(data.xInitCost * 1.0 / 1000, "0.#")</td>
                        <td>#number(data.xCopyCost * 1.0 / 1000, "0.#")</td>
                        <td>#number(data.xCost * 1.0 / 1000, "0.#")</td>
                    </tr>
                    #end
                
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>


<script>
    // 设置日期输入框的默认值为当天日期
    document.getElementById('begindate').value = '#date(begindate,"yyyy-MM-dd")';
    document.getElementById('enddate').value = '#date(enddate,"yyyy-MM-dd")';
</script>